<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <nav>
        <div class="container">
            <img src="images/loge_02.png" alt="">
            <ul class="nav justify-content-end">
                <li class="nav-item">
                    <a class="nav-link active" href="#">HOME</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">ABOUT US</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">SERVICES</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">COURSES</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">PRICING</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">CONTACT</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="banner">
        <div class="container">
            <h1>EDUCATION GENIUS</h1>
            <p>
                Lorem ipaum dolor sit amet,consectetur adipisicing<br>
                elitincidunt eius magni provident.
            </p>
            <a href="#">Read More</a>
        </div>
    </div>
</header>
<div class="main_1">
    <div class="container">
        <h2 class=" text-center">Our Courses</h2>
        <p class="p_1 text-center">
            Lorem ipsum dolor sit amet,consectetur adipisicing slit.Dolores quae porro consequatur aliquam,incidunt eius
            magni provident,doloribus omnis minus temporibus<br>
            perferendis nesciunt quam repellendus nulla nemo ipaum odit corrupti cinsequuntur possimus.
        </p>
        <div class="row">
            <div class="col-md-4 flex flex1 mb">
                <img src="images/quanquan_03.png" alt="">
                <div>
                    <h6>Mobile Dev</h6>
                    <p>
                        backed by some of the biggest names
                        in the industry.Firefox OS is an open
                        platform that fosters greater.
                    </p>
                </div>
            </div>
            <div class="col-md-4 flex flex1 mb">
                <img src="images/quanquan_03.png" alt="">
                <div>
                    <h6>Communication</h6>
                    <p>
                        backed by some of the biggest names
                        in the industry.Firefox OS is an open
                        platform that fosters greater.
                    </p>
                </div>
            </div>
            <div class="col-md-4 flex flex1 mb">
                <img src="images/quanquan_03.png" alt="">
                <div>
                    <h6>Computers</h6>
                    <p>
                        Morbi vitae tortor tempus,placerat leo
                        et,suscipit lectus,Phasellus ut
                        euismod massa,eu eleifend ipsum.
                    </p>
                </div>
            </div>
            <div class="col-md-4 flex flex1 ma mb">
                <img src="images/quanquan_03.png" alt="">
                <div>
                    <h6>Finance</h6>
                    <p>
                        Morbi vitae tortor tempus,placerat leo
                        et,suscipit lectus,Phasellus ut
                        euismod massa,eu eleifend ipsum.
                    </p>
                </div>
            </div>
            <div class="col-md-4 flex flex1 ma mb">
                <img src="images/quanquan_03.png" alt="">
                <div>
                    <h6>Machs</h6>
                    <p>
                        Morbi vitae tortor tempus,placerat leo
                        et,suscipit lectus,Phasellus ut
                        euismod massa,eu eleifend ipsum.
                    </p>
                </div>
            </div>
            <div class="col-md-4 flex flex1 ma mb">
                <img src="images/quanquan_03.png" alt="">
                <div>
                    <h6>Development</h6>
                    <p>
                        Morbi vitae tortor tempus,placerat leo<br>
                        et,suscipit lectus,Phasellus ut<br>
                        euismod massa,eu eleifend ipsum.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main_2">
    <div class="container">
        <h2 class="text-center">Our Students</h2>
        <p class="p_1 mb-5 text-center">
            Lorem ipsum dolor sit amet,consectetur adipisicing slit.Dolores quae porro consequatur aliquam,incidunt eius
            magni provident,doloribus omnis minus temporibus<br>
            perferendis nesciunt quam repellendus nulla nemo ipaum odit corrupti cinsequuntur possimus.
        </p>
        <div class="row">
            <div class="col-md-6"><img src="images/renmen.png" alt="" class="img_1"></div>
            <div class="col-md-6">
                <p class="p_1 mb-2">
                    Lorem ipsum dolor sit amet,cadipisicing sit amet,consectetur adipisicingelit.Atque<br>
                    sed,quidem quis praesentium,ut unde fuga error commodi architecto,oribus<br>
                    omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum<br>
                    odit corrupti consequuntur possimus,vero mollitia velit ad consectetur.Alias,<br>
                    laborum excepturi nihil autem nemo numquam,ipsa architecto non,magni<br>
                    consequuntlandantium culpa tenetur at id,beatae pet.
                </p>
                <p class="p_1 mb-2">
                    Lorem ipsum dolor sit amet,consectetur adipisicingelit elit.adipisicing sit amet,
                    consectetur adipisicingelit elit.Atque sed,quidem quis praesentium , deserunt.
                </p>
                <ul class="ul_1 mb-0">
                    <li><a href="#">Lorem ipsum enimdolor sit amet</a></li>
                    <li><a href="#">Explicabo deleniti neque aliquid</a></li>
                    <li><a href="#">Consectetur adipisicing elit</a></li>
                    <li><a href="#">Lorem ipaum dolor sit amet</a></li>
                    <li><a href="#">Quo issimos molest quibusdam temporibus</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="main_3">
    <div class="container">
        <h2 class="text-center">Our Events</h2>
        <p class="p_1 mb-5 text-center">
            Lorem ipsum dolor sit amet,consectetur adipisicing slit.Dolores quae porro consequatur aliquam,incidunt eius
            magni provident,doloribus omnis minus temporibus<br>
            perferendis nesciunt quam repellendus nulla nemo ipaum odit corrupti cinsequuntur possimus.
        </p>
        <div class="row">
            <div class="col-md-4 mb">
                <img src="images/img1_07.png" alt="" class="mb-2 img-as">
                <a href="#">Feb</a>
                <p class="p_2">LOREM IPSUM DOLOR SIT AMET,CONSECTETUR<br>ADIPIS.</p>
            </div>
            <div class="col-md-4 mb">
                <img src="images/img2_07.png" alt="" class="mb-2 img-as">
                <a href="#">March</a>
                <p class="p_2">APSUM DOLOR SIT AMET,CONSECTETUR<br>ADIPISDSLIF.</p>
            </div>
            <div class="col-md-4 mb">
                <img src="images/img3_07.png" alt="" class="mb-2 img-as">
                <a href="#">April</a>
                <p class="p_2">DOLOR SIT AMET,CONSECTETUR ADIPISIC INDFEFT.</p>
            </div>
        </div>
        <h2 class="text-center h2_1">Campus Placement</h2>
        <p class="p_1 mb-5 text-center">
            Lorem ipsum dolor sit amet,consectetur adipisicing slit.Dolores quae porro consequatur aliquam,incidunt eius
            magni provident,doloribus omnis minus ovident,doloribus<br>
            Omnis minus temporibus perferendis neaciunt..
        </p>
        <div class="flex flex2 wrap" >
            <div class="imgle-1"><img src="images/img4_11.png" alt=""></div>
            <div class="imgle-2"><img src="images/img5_11.png" alt=""></div>
            <div class="imgle-3"><img src="images/img6_14.png" alt=""></div>
            <div class="imgle-1"><img src="images/img4_11.png" alt=""></div>
            <div class="imgle-2"><img src="images/img5_11.png" alt=""></div>
            <div class="imgle-3"><img src="images/img6_14.png" alt=""></div>
        </div>
    </div>
</div>
<div class="footer_1">
    <div class="container">
        <div class="row">
            <div class="col-md-3 mz">
                <p class="p_3 mb-1">Our contact</p>
                <p class="p_1 mb-2">
                    Target company inc<br>
                    JC Main Road,Near Silnile tower<br>
                    Pin-21542 NewYork US.
                </p>
                <p class="p_1 m-0">
                    (123)456-789-1255-12584<br>
                    email@domainname.com
                </p>
            </div>
            <div class="col-md-3 mz">
                <p class="p_3 mb-1">Quick Links</p>
                <p class="p_1 m-0">latest Events</p>
                <p class="p_1 m-0">Terms and conditions</p>
                <p class="p_1 m-0">Privacy policy</p>
                <p class="p_1 m-0">Career</p>
                <p class="p_1 m-0">Contact us</p>
            </div>
            <div class="col-md-3 mz">
                <p class="p_3 mb-1">Latest posts</p>
                <p class="p_1 m-0">Lorem ipsum dolor sit amet,</p>
                <p class="p_1 m-0">consectetur adipisicing elit.</p>
                <p class="p_1 m-0">Pellentesque et pulvinar enim.Quisque</p>
                <p class="p_1 m-0">at tempor ligula</p>
                <p class="p_1 m-0">Natus error sit voluptatem accusantium</p>
                <p class="m-0 p_1"></p>
            </div>
            <div class="col-md-3 mz">
                <p class="p_3 mb-1">Recent News</p>
                <p class="p_1 m-0">Lorem ipsum dolor sit amet,</p>
                <p class="p_1 m-0">consectetur adipisicing elit.</p>
                <p class="p_1 m-0">Pellentesque et pulvinar enim.Quisque</p>
                <p class="p_1 m-0">at tempor ligula</p>
                <p class="p_1 m-0">Natus error sit voluptatem accusantium</p>
                <p class="p_1 m-0"></p>
            </div>
        </div>
    </div>
</div>
<div class="footer_2">
    <div class="container flex flex2">
        <p class="p_1 m-0">Copyright©.Company name All right reserved.</p>
        <div class="imgls">
            <img src="images/img7_23.png" alt="" class="img_4">
            <img src="images/img8_26.png" alt="" class="img_2 img_5">
            <img src="images/img9_26.png" alt="" class="img_3 img_6">
            <img src="images/img10_28.png" alt="" class="img_3 img_6">
            <img src="images/img11_30.png" alt="" class="img_3 img_4">
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</body>
</html>